import React from 'react';

// 目标：在事件处理函数中，把 this 绑定为 组件的实例。

// 把根组件改成类组件
class App extends React.Component{
  
  // 类的构造函数
  constructor(){
    super();
    // 0. constructor 里面的指向当前 App 组件的实例
    // 1. 先找到 handleClick 并返回锁定了 this 的指向新函数
    // 2. 把返回的新函数赋值给 类组件 实例
    this.aa = this.handleClick.bind(this);
  }

  handleClick() {
    console.log('点了，帅一分');
    console.log(this);
  }

  render(){
    return (
      <div className="App">
        <button onClick={ this.aa }>点一下，班长帅一分</button>
      </div>
    );
  }
}

export default App;
